.repository-name-wrapper {
  overflow: hidden;

  .repository-name {
    white-space: nowrap;
    background-image: linear-gradient(0deg, rgba(4, 55, 106, 0.95) 45%, rgba(4, 55, 106, 0.4) 100%);
    color: #fff;
    font-family: "黑体", "SimHei", "Microsoft YaHei", "微软雅黑", "Hei", sans-serif;
    font-size: 18px;
    padding: 2px 12px;
    border-radius: 2px;
    transform: translateY(100%);
    transition: transform 0.2s;
    letter-spacing: 1px;
    border: 1px solid #fff;
  }

  &.show {
    .repository-name {
      transform: translateY(0);
    }
  }
}
